const path = require('path')

module.exports = {
    publicPath: '/cms-manage/',
    // 打包导出目录路径
    outputDir: 'dist',
    // 本地服务器
    devServer: {
        host: '127.0.0.1',
        port: 3011,  // 端口
        // 启动开发服务器后自动打开浏览器
        open: true,
        // 自动打开浏览器时访问的页面路径
        openPage: 'cms-manage/'
    },
    chainWebpack: (config) => {
        // 自动化导入（给每个单文件都导入公共less样式文件）
        const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
        types.forEach((type) =>
          addStyleResource(config.module.rule('less').oneOf(type))
        )
        // 设置别名
        config.resolve.alias.set('@', path.resolve(__dirname, './src'))
    }
}
function addStyleResource(rule) {
  rule
    .use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [path.resolve(__dirname, './src/styles/mixin.less')]
    })
}